<header class="panel-cover <% if(post! !=null){ %>panel-cover--collapsed<%  }  %>" style="background-image: url('${site.baseurl}/assets/images/background-cover.jpg')">
  <div class="panel-main">

    <div class="panel-main__inner panel-inverted">
    <div class="panel-main__content">

        <a href="/articles/pages/1/#blog" title="前往 ${ site.name } 的主页" class="blog-button"><img src="${site.baseurl}assets/images/avatar.jpg" width="80" alt="${ site.name } logo" class="panel-cover__logo logo" /></a>
        <h1 class="panel-cover__title panel-title"><a href="/articles/pages/1/#blog" title="link to homepage for( ${ site.name } )" class="blog-button">${ site.name }</a></h1>
        <% if(site.desc! !=null){ %>
        <span class="panel-cover__subtitle panel-subtitle">${site.desc}</span>
        <%  }  %>
        <hr class="panel-cover__divider" />
        <p class="panel-cover__description">${ site.description }</p>
        <hr class="panel-cover__divider panel-cover__divider--secondary" />
        
        <% if(site.welcome_message!=null){ %>
        <p class="panel-cover__description">${ site.welcome_message }</p>
        <%  }  %>
        
        <div class="navigation-wrapper">
          <div>
            <nav class="cover-navigation cover-navigation--primary">
              <ul class="navigation">
                <li class="navigation__item"><a href="#blog" title="${site.blog_button.description}" class="blog-button">${site.blog_button.title}</a></li>
                <% for( item in site.nav){ %>
                  <li class="navigation__item"><a href="${item.url}" target="_blank" title="${item.description}">${item.title}</a></li>
                <%  }  %>
              </ul>
            </nav>
          </div>
          
          <div><% include("social.html",{}){}%></div>
        </div>
      </div>
    </div>
    
    <% if(site.cover_color!=null){ %>
    <div class="panel-cover--overlay cover-${site.cover_color}"></div>
    <% } else { %>
    <div class="panel-cover--overlay cover-disabled"></div>
    <%  }  %>
  </div>
</header>
